* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body,
html {
	width: 100%;
	height: 100%;
	background-color: #c7000b;
	overflow: hidden;
}

img {
	width: 100%;
	pointer-events: none;
}

div {
	line-height: 0;
}

.content {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg1.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: center 1.2rem;
	overflow: hidden;
}

.logo {
	width: 1rem;
	position: absolute;
	top: 0;
	left: 0.7rem;
}

.theme {
	width: 1.64rem;
	position: absolute;
	right: 0.1rem;
	top: 0.2rem;
}

.load {
	width: 2.76rem;
	margin: 0 auto;
	margin-top: 0.3rem;
}

.scan,
.data,
.luck,
.rule,
.activity,
.prize {
	width: 1.1rem;
}

.left-div {
	position: absolute;
	top: 1.3rem;
	left: 0rem;
}

.middle {
	width: 5.5rem;
	position: absolute;
	top: 1rem;
	left: 0.45rem;
}

.right-div {
	position: absolute;
	right: 0rem;
	top: 1.3rem;
}

.bottom-div {
	width: 6rem;
	height: 1.1rem;
	position: absolute;
	bottom: 10%;
	left: 0.25rem;
}

.unionBtn,
.challenge,
.medal,
.gift,
.center {
	width: 1.1rem;
	float: left;
	margin-left: 0.1rem;
}

.bottom-logo {
	width: 3.08rem;
	/*margin: 0 auto;*/
	position: absolute;
	left: 1.66rem;
	bottom: 2%;
}

.phoneAlert,
.ruleAlert,
.prizeAlert {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.phoneBg{
	width: 5.01rem;
	height: 5.18rem;
	background-image: url(../img/flowerbg2.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 3rem auto 0;
	position: relative;
}

.code-div,
.tel-div {
	width: 4.4rem;
	margin: 0rem auto 0;
	padding-top: 1.5rem;
}

.code-div input,
.tel-div input {
	width: 2.66rem;
	height: 0.4rem;
	background: none;
	outline: none;
	border: none;
	line-height: 0.4rem;
	font-size: 0.18rem;
	color: #9d0001;
	vertical-align: middle;
	/*text-indent: 5px;*/
	border: 0.03rem solid #462d27;
	background-color: #dddcdc;
	border-radius: 0.1rem;
	text-align: center;
	float: left;
}

.getcodeBtn,
.notBtn {
	width: 1.46rem;
	height: 0.47rem;
	background-image: url(../img/alert_btnBg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.45rem;
	color: #9d0001;
	float: left;
	margin-left: 0.2rem;
}

.code-div {
	padding-top: 0.7rem;
}

.notBtn {
	width: 3rem;
	height: 0.5rem;
	position: absolute;
	left: 0.8rem;
	bottom: 1rem;
}

.rule-div ,.prizeBg{
	width: 5.01rem;
	height: 7.89rem;
	background-image: url(../img/alertBg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);

}

.close {
	width: 0.84rem;
	position: absolute;
	right: 0.2rem;
	top: -0.5rem;
}

.ruleTitle,
.prize-title {
	width: 5rem;
	height: 1rem;
	line-height: 1rem;
	margin: 0 auto 0;
	text-align: center;
	font-size: 0.33rem;
	color: #5d3c1c;
	font-weight: 800;
	padding-top: 1.2rem;
}

.ruleTxt {
	width: 4.5rem;
	margin: 0 auto;
	height: 5.2rem;
	overflow-y: scroll;
	font-size: 0.28rem;
	color: #5d3c1c;
	line-height: 0.5rem;
	text-align: justify;
	/*overflow: hidden;*/
}

.rule_knowed,.prize_knowed {
	width: 1.5rem;
	height: 0.4rem;
	margin: 0.2rem auto;
	line-height: 0.4rem;
	text-align: center;
	background-image: url(../img/alert_btnBg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0.2rem;
}

.prizeTxt {
	width: 4.5rem;
	margin: 0 auto;
	height: 5.2rem;
	overflow-y: scroll;
	font-size: 0.28rem;
	color: #5d3c1c;
	line-height: 0.5rem;
	text-align: justify;
}

.prizeBtn {
	width: 1.46rem;
	height: 0.47rem;
	background-image: url(../img/alert_btnBg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.45rem;
	color: #9d0001;
	position: absolute;
	left: 1.775rem;
	bottom: 0.4rem;
}